import React, { memo } from "react"
import SideBar from "../components/SiderBar"
import NavBar from "../components/Navbar"
import { Box } from "@mui/material"

const Settings = memo(() => {
  return (
    <>
      <div className="bgcolor">
        <NavBar />
        <Box height={70} />
        <Box sx={{ display: "flex" }}>
          <SideBar />
          <Box component="main" sx={{ flexGrow: 1, p: 3 }}>
            <h2>Settings</h2>
          </Box>
        </Box>
      </div>
    </>
  )
})

export default Settings
